.page-header {
  @apply flex items-center justify-between;
  background-color: $header-bg-color-light;
  padding: 18px;
  &__right {
    @apply flex items-center justify-between h-[100%];
    > .icon-item {
      @apply h-[100%] cursor-pointer p-2;
      img {
        width: 16px;
      }
    }
    .switch-branch {
      @apply flex items-center cursor-pointer;
      img {
        width: 16px;
        margin-right: 4px;
      }
      span {
        font-family: $font-family;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
      }
    }
    .avatar {
      @apply flex items-center cursor-pointer;
      img {
        width: 16px;
      }
    }
  }
}
